<template>
  <div class="container">
      <slot></slot>
  </div>
</template>

<script>
export default {
  name: "center-box"
}
</script>

<style scoped lang="less">
.container{
  text-align: center;
}
@media only screen and (min-width: 600px){
  .container {
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url('~@/assets/images/bg.svg');
  }
}
</style>
